.CSSHOP {     display: flex;     align-items: center;     margin: 10px;     gap: 10px;     flex-direction: row;     width: 100%;     justify-content: center;     position: relative;     width: 87px; }  /* .CSSHOP, .CSSHOP * { 	box-sizing: content-box !important; } */  /* USER ICON */ .CSSHOP .user_icon {     border-radius: 50%;     padding: 5px;     position: relative;     width: 20px;     height: 20px;     cursor: pointer; }  .CSSHOP .user_icon i {     -webkit-text-stroke: 1px #6c6c6c;     color: transparent;     position: absolute;     font-size: 20px;     bottom: 3px;     transition: all .3s ease-in-out; }  .CSSHOP .user_icon:hover i {     color: #009aa4;     -webkit-text-stroke: 1px #009aa4;     transition: all .3s ease-in-out; }  /* CART ICON */ .CSSHOP .cart_icon {     padding: 5px;     position: relative;     width: 15px;     height: 15px;     cursor: pointer; }  .CSSHOP .cart_icon .amount {     position: absolute;     padding: 2px;     width: 12px;     height: 12px;     border-radius: 50%;     background-color: #009aa4;     font-size: 12px;     color: #ffffff;     text-align: center;     top: -5px;     right: -5px;     z-index: 1; }  .CSSHOP .cart_icon i {     -webkit-text-stroke: 1px #6c6c6c;     color: transparent;     position: absolute;     font-size: 20px;     bottom: 0px;     transition: all .3s ease-in-out;     z-index: 0; }  .CSSHOP .cart_icon:hover i {     -webkit-text-stroke: 1px #009aa4;     transition: all .3s ease-in-out; }   /* LOGIN DROPDWON */ .CSSHOP .user_signedIn {     display: flex;     flex-direction: column;     max-width: 200px;     min-width: 200px;     width: 100%;     padding: 20px;     background-color: #ffffff;     box-shadow: #0000003d 0 3px 8px;     border-radius: 10px;     gap: 10px;     position: absolute; }  .CSSHOP .user_signedIn::before {     content: '';     position: absolute;     top: -5px;     right: 10px;     border-left: 5px solid transparent;     border-right: 5px solid transparent;     border-bottom: 5px solid #e7e3e3; }  .CSSHOP .user_signedIn .my_orders {     font-size: 14px;     line-height: 20px;     background-color: transparent;     border: none;     color: #9e9e9e;     cursor: pointer;     transition: all .3s ease-in-out; }  .CSSHOP .user_signedIn .my_orders:hover {     color: #009aa4;     transition: all .3s ease-in-out; }  .CSSHOP .user_signedIn .sign_out {     font-size: 14px;     line-height: 20px;     background-color: transparent;     border: none;     color: #9e9e9e;     cursor: pointer;     transition: all .3s ease-in-out; }  .CSSHOP .user_signedIn .sign_out:hover {     color: #6d0139;     transition: all .3s ease-in-out; }  .CSSHOP .user_signedIn .change_pass {     font-size: 14px;     line-height: 20px;     background-color: transparent;     border: none;     color: #9e9e9e;     cursor: pointer;     transition: all .3s ease-in-out; }  .CSSHOP .user_signedIn .change_pass:hover {     color: #009aa4; }  /* LOGOUT DROPDOWN */ .CSSHOP .user_login_modal {     display: flex;     flex-direction: column;     align-items: center;     background-color: #ffffff;     width: 210%;     padding: 10px 20px 20px 20px;     top: 40px;     gap: 10px;     box-shadow: #0000003d 0 3px 8px;     border-radius: 10px;     position: absolute; }  .CSSHOP .user_login_modal::before {     content: '';     position: absolute;     top: -5px;     right: 10px;     border-left: 5px solid transparent;     border-right: 5px solid transparent;     border-bottom: 5px solid #e7e3e3; }  .CSSHOP .user_login_modal input {     border: none;     background-color: #f0f4f8;     padding: 10px;     border-radius: 10px;     font-size: 12px; } .CSSHOP .user_login_modal input:focus {     border: 1px solid #ddd;     outline: none; }  .CSSHOP .user_login_modal>span {     color: #009aa4;     font-size: 14px;     padding-bottom: 10px; }  .CSSHOP .user_login_modal .forgot_password {     border: none;     background-color: transparent;     color: #aabfd2;     font-size: 14px;     cursor: pointer;     transition: all .3s ease-in-out; }  .CSSHOP .user_login_modal .forgot_password:hover {     font-weight: bold;     transition: all .3s ease-in-out; }  .CSSHOP .user_login_modal .sign_in {     display: flex;     justify-content: center;     align-items: center;     border-radius: 30px;     border: none;     background-color: #009aa4;     color: #ffffff;     max-width: 150px;     padding: 10px;     width: 100%;     gap: 5px;     font-size: 14px;     margin-top: 20px;     cursor: pointer;     transition: all .3s ease-in-out; }  .CSSHOP .user_login_modal .sign_in:hover {     background-color: #14213a;     color: #ffffff;     transition: all .3s ease-in-out; }  .CSSHOP .user_login_modal .creat_account {     border: none;     position: absolute;     bottom: -28px;     border-bottom-left-radius: 10px;     border-bottom-right-radius: 10px;     background-color: #f5f5f5;     padding: 10px;     width: 100%;     color: #009aa4;     font-weight: bold;     box-shadow: #0000003d 0 3px 8px;     cursor: pointer; }   /* FORGOT PASSWOERD MODAL*/ .user_forgotPassword_modal {     display: flex;     flex-direction: column;     justify-content: space-evenly;     min-height: 250px;     max-width: 600px;     padding: 20px;     width: calc(100% - 40px);     background-color: #f5f5f5;     border-radius: 10px;     position: relative; }  .user_forgotPassword_modal .title {     color: #6d0139;     font-size: 24px;     line-height: 30px;     text-align: center; }  .user_forgotPassword_modal .guideLine {     color: #9e9e9e;     font-size: 14px;     line-height: 20px;     margin-top: 20px; }  .user_forgotPassword_modal .get_email {     position: relative; }  .user_forgotPassword_modal .get_email>label {     position: absolute;     top: -13px;     background-color: #f5f5f5;     color: #9e9e9e;     left: 20px;     padding-right: 10px;     padding-left: 10px; }  .user_forgotPassword_modal .get_email>input {     border: 1px solid #dddddd;     background-color: transparent;     padding-left: 10px;     border-radius: 6px;     width: calc(100% - 20px);     height: 30px;  } .user_forgotPassword_modal .get_email>input:focus {     border: 1px solid #9e9e9e;     outline: none; }  .user_forgotPassword_modal .req_pass_reset {     background-color: transparent;     border-radius: 30px;     width: calc(100% - 20px);     max-width: 200px;     padding: 10px;     align-self: center;     color: #6d0139;     border: 1px solid #6d0139;     cursor: pointer;     transition: all .3s ease-in-out; }  .user_forgotPassword_modal .req_pass_reset:hover {     color: #ffffff;     background-color: #6d0139;     transition: all .3s ease-in-out; }   /* CREATE ACCOUNT MODAL */ .user_create_account {     display: flex;     flex-direction: column;     background-color: #ffffff;     /* box-shadow: #0000003d 0 3px 8px; */     max-width: 600px;     padding: 40px;     width: calc(100% - 80px);     border-radius: 10px;     gap: 40px;     position: relative; }  .user_create_account .title {     font-size: 24px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     margin-left: 20px; }  .user_create_account .title::before {     content: '';     position: relative;     display: block;     width: calc(100% + 20px);     height: 1px;     top: 16px;     left: -20px;     background-color: #cccccc;     z-index: 1; }  .user_create_account .title>span {     z-index: 2;     position: relative;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; }  .user_create_account .createAcc_input {     display: flex;     flex-direction: column;     position: relative;     width: 100%; }  .user_create_account .createAcc_input>label {     position: absolute;     top: -10px;     left: 20px;     padding-left: 10px;     padding-right: 10px;     background-color: #ffffff;     color: #9e9e9e;     font-size: 14px;     line-height: 20px;  }  .user_create_account .createAcc_input > input {     border: 1px solid #dddddd;     background-color: transparent;     padding-left: 10px;     border-radius: 6px;     height: 30px; } .user_create_account .createAcc_input > input:focus{     border: 1px solid #9e9e9e;     outline: none; }  .user_create_account .register {     background-color: transparent;     border-radius: 30px;     width: calc(100% - 20px);     max-width: 200px;     padding: 10px;     align-self: center;     color: #009aa4;     border: 1px solid #009aa4;     cursor: pointer;     transition: all .3s ease-in-out; }  .user_create_account .register:hover {     color: #ffffff;     background-color: #009aa4;     transition: all .3s ease-in-out; }  /* CONFRIM MAIL MODAL */ .confirm_mail_modal {     display: flex;     flex-direction: column;     justify-content: center;     min-height: 250px;     max-width: 600px;     padding: 20px;     width: calc(100% - 40px);     background-color: #f5f5f5;     border-radius: 10px;     text-align: center;     gap: 20px;     position: relative; }  .confirm_mail_modal>.title {     font-size: 36px;     line-height: 40px;     color: #009aa4; }  .confirm_mail_modal>i {     font-size: 36px;     color: #6d0139; }  .confirm_mail_modal .guideLine {     font-size: 16px;     line-height: 25px;     color: #707070; }  .confirm_mail_modal .guideLine .sent_mail {     font-size: 20px;     font-weight: bold; }  .confirm_mail_modal .resend_verify_mail {     background-color: transparent;     color: #6d0139;     border: 1px solid #6d0139;     max-width: 250px;     height: 40px;     border-radius: 30px;     align-self: center;     width: 100%;     transition: all .3s ease-in-out;     cursor: pointer; }  .confirm_mail_modal .resend_verify_mail:hover {     background-color: #6d0139;     color: #ffffff;     transition: all .3s ease-in-out; }  /* CHANGE PASSWORD MODAL */ .change_pass_modal {     display: flex;     flex-direction: column;     justify-content: space-evenly;     min-height: 250px;     max-width: 600px;     padding: 20px;     width: calc(100% - 40px);     background-color: #f5f5f5;     border-radius: 10px;     gap: 20px;     position: relative; }  .change_pass_modal .title {     color: #6d0139;     font-size: 24px;     line-height: 30px;     text-align: center;     margin-bottom: 20px; }  .change_pass_modal .guideLine {     color: #707070;     font-size: 14px;     line-height: 20px;     margin-top: 0px;     display: flex;     gap: 5px; }  .change_pass_modal .guideLine i {     color: #6d0139; }  .change_pass_modal .guideLine .fp_ch {     color: #0000EE;     border-bottom: 1px solid transparent;     cursor: pointer; }  .change_pass_modal .guideLine .fp_ch:hover {     border-bottom: 1px solid #0000EE;     font-weight: bold; }  .change_pass_modal .get_pass {     position: relative; } .change_pass_modal .get_pass:nth-child(3){     padding-bottom: 20px; }  .change_pass_modal .get_pass>label {     position: absolute;     top: -13px;     background-color: #f5f5f5;     color: #9e9e9e;     left: 20px;     padding-right: 10px;     padding-left: 10px; }  .change_pass_modal .get_pass>input {     border: 1px solid #dddddd;     background-color: transparent;     padding-left: 10px;     border-radius: 6px;     width: calc(100% - 20px);     height: 30px;  } .change_pass_modal .get_pass>input:focus{     border: 1px solid #9e9e9e;     outline: none; }  .change_pass_modal .req_pass_change {     background-color: transparent;     border-radius: 30px;     width: calc(100% - 20px);     max-width: 200px;     padding: 10px;     align-self: center;     color: #6d0139;     border: 1px solid #6d0139;     cursor: pointer;     transition: all .3s ease-in-out; }  .change_pass_modal .req_pass_change:hover {     color: #ffffff;     background-color: #6d0139;     transition: all .3s ease-in-out; }  /* CART MODAL */ .cart_modal {     display: flex;     justify-content: flex-start;     align-items: center;     flex-direction: column;     padding: 50px 20px;     background-color: #ffffff;     width: calc(100% - 60px);     /* box-shadow: #0000003d 0 3px 8px; */     border-radius: 10px;     left: 10px;     position: relative;     max-width: 1000px;     height: calc(100% - 120px);     overflow-y: auto; }  .cart_modal>.title {     font-size: 36px;     line-height: 40px;     color: #14213a;     position: relative;     background-color: #ffffff;     text-align: center;     width: 100%; }  .cart_modal>.title::before {     content: '';     position: relative;     display: block;     width: calc(100% - 20px);     height: 1px;     top: 20px;     left: 10px;     background-color: #9e9e9e;     z-index: 1; }  .cart_modal>.title>span {     z-index: 2;     position: relative;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; }  .cart_modal .desc {     font-size: 24px;     line-height: 30px;     color: #14213a; }  .cart_modal .date {     font-size: 16px;     line-height: 25px;     color: #9e9e9e; }  .cart_modal .status {     display: flex;     justify-content: space-between;     align-items: center;     max-width: 700px;     width: 100%;     padding-top: 20px; }  .cart_modal .status .stepContainer {     display: flex;     flex-direction: column;     text-align: center;     align-items: center;     max-width: 100px;     width: 100%;     gap: 10px;     align-self: flex-start; }  .cart_modal .status .stepContainer .icon {     width: 20px;     height: 20px;     font-size: 20px;     color: #9e9e9e;     background-color: #f5f5f5;     border: 6px double #f5f5f5;     padding: 10px;     border-radius: 50%;     display: flex;     align-items: center;     justify-content: center;     overflow: hidden;     cursor: pointer; }  .cart_modal .status .stepContainer .icon.active {     width: 20px;     height: 20px;     font-size: 20px;     color: #ffffff;     background-color: #14213a;     border: 6px double #14213a;     padding: 10px;     border-radius: 50%; }  .cart_modal .status .stepContainer .icon.active i {     background-color: #14213a;     padding: 20px;  }  .cart_modal .status .step_name {     font-size: 16px;     line-height: 20px;     font-weight: bold;     color: #14213a; }  .cart_modal .status .step_price {     font-size: 16px;     line-height: 20px;     font-weight: bold;     color: #637598; }  .cart_modal .status .step_line {     width: 100%;     height: 2px;     background-color: #f5f5f5;     transform: translateY(-25px); }  .cart_modal .status .step_line.active {     background-color: #14213a; }  .cart_modal .status .step_line.semi_active {     background: linear-gradient(90deg, #14213a 50%, #14213a 50%, #f5f5f5 0, #f5f5f5 0); }  .cart_modal .cart_content_modal {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     width: calc(100% - 20px);     padding-top: 50px;     padding-left: 10px;     padding-right: 10px;     gap: 50px; }  .cart_modal .cart_content_modal .orders_modal {     display: flex;     flex-direction: column;     width: 100%; }  .cart_modal .cart_content_modal .orders_modal>.title {     font-size: 24px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     margin-left: 20px;     text-align: left;     padding-bottom: 20px;     width: 100%; }  .cart_modal .cart_content_modal .orders_modal>.title::before {     content: '';     position: relative;     display: block;     width: 100%;     height: 1px;     top: 20px;     left: -20px;     background-color: #cccccc;     z-index: 1; }  .cart_modal .cart_content_modal .orders_modal>.title>span {     z-index: 2;     position: relative;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket {     display: flex;     flex-direction: column;     width: 100%;     gap: 20px; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     gap: 40px;     width: 100%;     padding-bottom: 10px;     border-bottom: 1px solid #dddddd; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .image_container {     display: flex;     align-items: center;     max-width: 300px;     width: 100%;     gap: 10px; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .image_container img {     max-width: 100px;     width: 100%;     height: auto;     object-fit: cover;     object-position: center; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .image_container .product_detail {     display: flex;     flex-direction: column;     gap: 10px;     font-size: 20px; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .item_number {     position: relative;     display: flex;     align-items: center; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .item_number .plus {     position: absolute;     font-size: 16px;     font-weight: bold;     width: 20px;     height: 100%;     right: 0;     top: 5px;     color: #707070;     cursor: pointer; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .item_number .minus {     position: absolute;     font-size: 16px;     font-weight: bold;     width: 20px;     height: 100%;     text-align: center;     top: 3px;     left: 0;     bottom: 6px;     color: #707070;     cursor: pointer; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .number_input {     width: 70px;     height: 24px;     text-align: center;     color: #707070;     border: 1px solid #ddd; } .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .number_input::-webkit-outer-spin-button, .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .number_input::-webkit-inner-spin-button {    -webkit-appearance: none;    margin: 0;  }    .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .number_input[type=number] {    -moz-appearance: textfield;  }   .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .price_single {     font-size: 20px;     font-weight: bold;     max-width: 100px;     width: 100%;     color: #707070; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .total_price {     font-size: 20px;     font-weight: bold;     max-width: 250px;     width: 100%;     color: #707070; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .remove_item {     -webkit-text-stroke: 1px #707070;     color: transparent;     font-size: 20px;     transition: all .3s ease-in-out;     cursor: pointer; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .remove_item:hover {     -webkit-text-stroke: revert;     color: #6d0139;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .column-labels {     border-bottom: 1px solid #ddd;     padding-bottom: 10px;     display: flex;     justify-content: space-between;     text-align: center;     gap: 40px;     width: 100%; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .column-labels>label {     max-width: 210px;     width: 100%;     text-align: center; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .column-labels .product-quantity {     text-align: right;     max-width: 195px; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .column-labels .product-price {     max-width: 100px; }  .cart_modal .cart_content_modal .orders_modal .shopping_basket .column-labels .product-total-price {     max-width: 140px; }  .cart_modal .cart_content_modal .orders_modal .total_items {     display: flex;     justify-content: space-evenly;     align-items: center;     flex-wrap: wrap;     gap: 20px;     width: 100%;     font-size: 20px;     color: #707070;     padding-top: 20px; }  @media only screen and (max-width: 767px) {     .cart_modal .cart_content_modal .orders_modal .shopping_basket .column-labels {         display: none;     }      .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .price_single::before {         content: 'Price:';         font-size: 14px;     }      .cart_modal .cart_content_modal .orders_modal .shopping_basket .product_row .total_price::before {         content: 'Subtotal:';         font-size: 14px;     } }  .cart_modal .cart_content_modal .next_prev {     display: flex;     justify-content: space-evenly;     align-items: center;     flex-wrap: wrap;     gap: 20px;     width: 100%; }  .cart_modal .cart_content_modal .next_prev>button {     border: 1px solid #009aa4;     background-color: transparent;     color: #009aa4;     font-size: 16px;     max-width: 250px;     width: 100%;     height: 30px;     border-radius: 30px;     display: flex;     align-items: center;     justify-content: center;     gap: 3px;     cursor: pointer;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .next_prev>button:hover {     background-color: #009aa4;     color: #ffffff;     transition: all .3s ease-in-out; }   /* STEP 2 */ .cart_modal .cart_content_modal .login_modal {     display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: center;     width: 100%;     gap: 20px; }  .cart_modal .cart_content_modal .login_modal>.title {     font-size: 24px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     margin-left: 20px;     text-align: left;     padding-bottom: 20px;     width: 100%; }  .cart_modal .cart_content_modal .login_modal>.title::before {     content: '';     position: relative;     display: block;     width: 100%;     height: 1px;     top: 20px;     left: -20px;     background-color: #cccccc;     z-index: 1; } .cart_modal .cart_content_modal .login_modal>.title>span {     z-index: 2;     position: relative;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; }  .cart_modal .cart_content_modal .login_modal .login_get {     position: relative;     width: calc(50% - 50px); }  @media only screen and (max-width: 767px) {     .cart_modal .cart_content_modal .login_modal .login_get {         width: 100%;     } }  .cart_modal .cart_content_modal .login_modal .login_get>label {     position: absolute;     top: -13px;     background-color: #ffffff;     color: #9e9e9e;     left: 20px;     padding-right: 10px;     padding-left: 10px; }  .cart_modal .cart_content_modal .login_modal .login_get>input {     border: 1px solid #dddddd;     background-color: transparent;     padding-left: 10px;     border-radius: 6px;     width: calc(100% - 50px);     height: 30px;  } .cart_modal .cart_content_modal .login_modal .login_get>input:focus {     border: 1px solid #9e9e9e;     outline: none;  } .cart_modal .cart_content_modal .login_modal .btns_contaier {     display: flex;     flex-direction: column;     gap: 20px;     width: 100%; }  .cart_modal .cart_content_modal .login_modal .btns_contaier .login_btn {     background-color: transparent;     border: 1px solid #009aa4;     color: #009aa4;     max-width: 250px;     width: 100%;     height: 30px;     border-radius: 30px;     align-self: center;     cursor: pointer;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .login_modal .btns_contaier .login_btn:hover {     background-color: #009aa4;     color: #ffffff;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .login_modal .btns_contaier .fp_login {     background-color: transparent;     color: #637598;     border: none;     font-size: 16px;     cursor: pointer;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .login_modal .btns_contaier .fp_login:hover {     font-weight: bold;     transition: all .3s ease-in-out; }  .icon_container .user_container .user_login_modal .creat_account {     border: none;     position: absolute;     bottom: -28px;     border-bottom-left-radius: 10px;     border-bottom-right-radius: 10px;     background-color: #f5f5f5;     padding: 10px;     width: 100%;     color: #009aa4;     font-weight: bold;     box-shadow: #0000003d 0 3px 8px; }  .cart_modal .cart_content_modal .creat_account_modal {     display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: center;     width: 100%;     gap: 40px;     position: relative;     z-index: 1; }  .cart_modal .cart_content_modal .creat_account_modal::before {     content: '';     position: absolute;     top: 20px;     left: 0;     width: 100%;     height: 1px;     background-color: #cccccc;     z-index: 1; }  .cart_modal .cart_content_modal .creat_account_modal>.title {     font-size: 12px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     margin-left: 20px;     text-align: left;     padding-bottom: 20px;     width: 100%; }  .cart_modal .cart_content_modal .creat_account_modal>.title>span {     z-index: 2;     position: relative;     font-size: 24px;     line-height: 30px;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; }  .cart_modal .cart_content_modal .creat_account_modal>.title>span:nth-child(2) {     font-size: 12px;     padding-right: 10px;     padding-left: revert;     font-style: italic;     color: #637598; }  .cart_modal .cart_content_modal .creat_account_modal .create_get {     position: relative;     width: calc(50% - 50px); }  @media only screen and (max-width: 767px) {     .cart_modal .cart_content_modal .creat_account_modal .create_get {         width: 100%;     } }  .cart_modal .cart_content_modal .creat_account_modal .create_get>label {     position: absolute;     top: -13px;     background-color: #ffffff;     color: #9e9e9e;     left: 20px;     padding-right: 10px;     padding-left: 10px; }  .cart_modal .cart_content_modal .creat_account_modal .create_get>input {     border: 1px solid #dddddd;     background-color: transparent;     padding-left: 10px;     border-radius: 6px;     width: calc(100% - 50px);     height: 30px; } .cart_modal .cart_content_modal .creat_account_modal .create_get>input:focus {     border: 1px solid #9e9e9e;     outline: none; }  .cart_modal .cart_content_modal .creat_account_modal .register_btn {     background-color: transparent;     border: 1px solid #009aa4;     color: #009aa4;     max-width: 250px;     width: 100%;     height: 30px;     border-radius: 30px;     align-self: center;     cursor: pointer;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .creat_account_modal .register_btn:hover {     background-color: #009aa4;     color: #ffffff;     transition: all .3s ease-in-out; }   /* STEP 3 */ .cart_modal .cart_content_modal .shipping_method_modal {     display: flex;     flex-wrap: wrap;     align-items: center;     width: 100%;     gap: 20px;     position: relative;     z-index: 1; }  .cart_modal .cart_content_modal .shipping_method_modal::before {     content: '';     position: absolute;     top: 20px;     left: 0;     width: 100%;     height: 1px;     background-color: #cccccc;     z-index: 1; }  .cart_modal .cart_content_modal .shipping_method_modal>.title {     font-size: 12px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     margin-left: 20px;     text-align: left;     display: flex;     flex-direction: column; }  .cart_modal .cart_content_modal .shipping_method_modal>.title>span {     z-index: 2;     position: relative;     font-size: 24px;     line-height: 30px;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; }  .cart_modal .cart_content_modal .shipping_method_modal>.title>span:nth-child(2) {     font-size: 14px;     font-style: italic;     color: #637598; }  .cart_modal .cart_content_modal .shipping_method_modal .boxes {     display: flex;     flex-wrap: wrap;     width: 100%;     gap: 20px;     padding-bottom: 20px;     border-bottom: 1px solid #707070; }  .cart_modal .cart_content_modal .shipping_method_modal .boxes .box {     display: flex;     align-items: center;     max-width: 250px;     background-color: #ffffff;     border: 1px solid #f0efef;     border-radius: 4px;     padding: 10px;     width: 100%;     gap: 10px; }  .cart_modal .cart_content_modal .shipping_method_modal .boxes .box.active {     background-color: #f0f4f8;     border: 1px solid #bbbbbc; }  .cart_modal .cart_content_modal .shipping_method_modal .boxes .box>img {     width: 50px;     height: 50px;     object-fit: cover;     object-position: center; }  .cart_modal .cart_content_modal .shipping_method_modal .boxes .box>span {     font-size: 16px;     line-height: 20px;     color: #707070; }  .cart_modal .cart_content_modal .add_address_modal {     display: flex;     flex-wrap: wrap;     align-items: center;     width: 100%;     gap: 20px;     position: relative;     padding-bottom: 20px;     z-index: 1; }  .cart_modal .cart_content_modal .add_address_modal::before {     content: '';     position: absolute;     top: 20px;     left: 0;     width: 100%;     height: 1px;     background-color: #cccccc;     z-index: 1; }  .cart_modal .cart_content_modal .add_address_modal>.title {     font-size: 12px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     margin-left: 20px;     text-align: left;     display: flex;     flex-direction: column; }  .cart_modal .cart_content_modal .add_address_modal>.title>span {     z-index: 2;     position: relative;     font-size: 24px;     line-height: 30px;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; }  .cart_modal .cart_content_modal .add_address_modal .boxes {     display: flex;     flex-wrap: wrap;     align-items: center;     width: 100%;     gap: 20px; }  .cart_modal .cart_content_modal .add_address_modal .boxes .add_address {     width: 120px;     height: 120px;     background-color: #f0f4f8;     border: 1px double #e0dddd;     border-radius: 10px;     text-align: center;     color: #a2a5a7;     font-weight: bold;     display: flex;     flex-direction: column;     justify-content: space-evenly;     cursor: pointer; }  .cart_modal .cart_content_modal .add_address_modal .boxes .add_address>span {     font-size: 50px;     font-weight: 1000; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box {     display: flex;     justify-content: space-between;     flex-direction: column;     max-width: 378px;     background-color: #ffffff;     border: 1px double #f0efef;     border-radius: 4px;     padding: 10px;     width: 100%;     gap: 10px;     position: relative; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box.active {     background-color: #f0f4f8;     border: 1px double #bbbbbc; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .confirmDelete {     position: absolute;     background: linear-gradient(191deg, rgba(240, 244, 248, 0.8) 20%, rgba(255, 255, 255, 1) 90%);     width: 100%;     height: 100%;     top: 0px;     left: 0px;     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     color: #000;     backdrop-filter: blur(2px);     border-radius: 5px; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .confirmDelete .btns {     display: flex;     width: 100%;     margin: 20px 0px;     flex-direction: row;     justify-content: space-evenly; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .confirmDelete .btns .deleteBtn {     background: none;     border: solid 1px #6d0139;     color: #6d0139;     padding: 3px 20px;     cursor: pointer;     border-radius: 12px; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .confirmDelete .btns .deleteBtn:hover {     transition: all .3s ease-in-out;     color: #fff;     background: #6d0139; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .confirmDelete .btns .cancelBtn {     background: none;     border: solid 1px #009aa4;     color: #009aa4;     padding: 3px 20px;     cursor: pointer;     border-radius: 12px; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .confirmDelete .btns .cancelBtn:hover {     background: #009aa4;     color: #fff;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .text_container {     display: flex;     align-items: center;     justify-content: space-between;     border-bottom: 1px solid #ddd;     padding-bottom: 20px;     padding-top: 10px;     width: 100%; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .text_header {     display: flex;     gap: 10px; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .text_header .title {     color: #373636;     font-weight: bold;     font-size: 16px;     line-height: 20px; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .text_header .calculate_price {     color: #ffffff;     background-color: #002871;     padding-left: 5px;     padding-right: 5px;     font-size: 14px;     border-radius: 5px;     line-height: 20px; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .addresses .address_line {     font-size: 14px;     line-height: 20px;     color: #383737; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .addresses .city_country {     font-size: 16px;     line-height: 20px;     color: #383737; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .addresses .postal_code {     font-size: 14px;     line-height: 20px;     color: #383737; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .actions {     display: flex;     gap: 10px;     position: relative; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .actions>i {     -webkit-text-stroke: 1px #ababab;     color: transparent;     font-size: 18px;     cursor: pointer;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .actions>i:hover {     -webkit-text-stroke: 1px #707070;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .actions>i:hover:nth-child(1)::after {     content: 'edit';     position: absolute;     background-color: transparent;     bottom: -14px;     left: -5px;     font-size: 12px;     letter-spacing: 1px;     color: #000; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .actions>i:hover:nth-child(2)::after {     content: 'delete';     position: absolute;     background-color: transparent;     bottom: -14px;     left: 15px;     font-size: 12px;     letter-spacing: 1px;     color: #9e9e9e; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .addresses {     display: flex;     flex-direction: column;     padding-left: 20px;     gap: 10px;     align-self: flex-start; }  .cart_modal .cart_content_modal .add_address_modal .boxes .box .addresses .address_line {     align-self: flex-start;     text-align: left; }  /* ADDRESS FORM */ .cart_modal .cart_content_modal .new_address_modal {     display: flex;     flex-wrap: wrap;     align-items: center;     width: 100%;     gap: 20px;     position: relative;     padding-bottom: 20px;     z-index: 1; }  .cart_modal .cart_content_modal .new_address_modal::before {     content: '';     position: absolute;     top: 20px;     left: 0;     width: calc(100% - 20px);     height: 1px;     background-color: #9e9e9e;     z-index: 1; }  .cart_modal .cart_content_modal .new_address_modal>.title {     font-size: 12px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     margin-left: 20px;     text-align: left; }  .cart_modal .cart_content_modal .new_address_modal>.title>span {     z-index: 2;     position: relative;     font-size: 24px;     line-height: 30px;     background-color: #ffffff; }  .cart_modal .cart_content_modal .new_address_modal>.title>span:nth-child(2) {     font-size: 14px;     font-style: italic;     padding-left: revert;     color: #637598; }  .cart_modal .cart_content_modal .new_address_modal .new_address_inputs {     display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: center;     gap: 40px;     width: 100%; }  .cart_modal .cart_content_modal .new_address_modal .address_get {     position: relative;     width: calc(50% - 50px); }  .cart_modal .cart_content_modal .new_address_modal .address_get.full {     width: calc(100% - 100px);     align-self: center; }  @media only screen and (max-width: 767px) {     .cart_modal .cart_content_modal .new_address_modal .address_get {         width: 100%;     }      .cart_modal .cart_content_modal .new_address_modal .address_get.full {         width: 100%;     } }  .cart_modal .cart_content_modal .new_address_modal .address_get>label {     position: absolute;     top: -13px;     background-color: #ffffff;     color: #9e9e9e;     left: 20px;     padding-right: 10px;     padding-left: 10px; }  .cart_modal .cart_content_modal .new_address_modal .address_get>input {     border: 1px solid #dddddd;     background-color: transparent;     padding-left: 10px;     border-radius: 6px;     width: calc(100% - 50px);     height: 30px; } .cart_modal .cart_content_modal .new_address_modal .address_get>input:focus{     border: 1px solid #9e9e9e;     outline: none; }  .cart_modal .cart_content_modal .new_address_modal .address_get>select {     border: 1px solid #9e9e9e;     background-color: transparent;     border-radius: 6px;     padding-left: 10px;     width: calc(100% - 35px);     height: 35px;     padding: 1px 10px; }  .cart_modal .cart_content_modal .new_address_modal .address_get>textarea {     width: calc(100% - 50px);     height: 100px;     border-radius: 6px;     padding: 10px;     resize: none; }  .cart_modal .cart_content_modal .new_address_modal .address_get>textarea::placeholder {     color: #bcbcbc; }  .cart_modal .cart_content_modal .new_address_modal .btns {     display: flex;     justify-content: space-evenly;     flex-wrap: wrap;     gap: 20px;     width: 100%; }  .cart_modal .cart_content_modal .new_address_modal .submit {     background-color: transparent;     border: 1px solid #009aa4;     color: #009aa4;     max-width: 250px;     width: 100%;     height: 30px;     border-radius: 30px;     align-self: center;     cursor: pointer;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .new_address_modal .submit:hover {     background-color: #009aa4;     color: #ffffff;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .new_address_modal .cancel {     background-color: transparent;     border: 1px solid #d53151;     color: #d53151;     max-width: 250px;     width: 100%;     height: 30px;     border-radius: 30px;     align-self: center;     cursor: pointer;     transition: all .3s ease-in-out; }  .cart_modal .cart_content_modal .new_address_modal .cancel:hover {     background-color: #d53151;     color: #ffffff;     transition: all .3s ease-in-out; }  /* STEP 4 */ .cart_modal .cart_content_modal .payment_method_modal{     display: flex;     flex-wrap: wrap;     align-items: center;     width: 100%;     gap: 20px;     position: relative;     border-bottom: 1px solid #707070;     padding-bottom: 20px;     z-index: 1; } .cart_modal .cart_content_modal .payment_method_modal::before{     content: '';     position: absolute;     top: 20px;     left: 0;     width: 100%;     height: 1px;     background-color: #cccccc;     z-index: 1; } .cart_modal .cart_content_modal .payment_method_modal > .title{     font-size: 12px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     margin-left: 20px;     text-align: left;     display: flex;     flex-direction: column; } .cart_modal .cart_content_modal .payment_method_modal > .title > span{     z-index: 2;     position: relative;     font-size: 24px;     line-height: 30px;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; } .cart_modal .cart_content_modal .payment_method_modal > .title > span:nth-child(2){     font-size: 14px;     font-style: italic;     color: #637598; } .cart_modal .cart_content_modal .payment_method_modal .boxes{     display: flex;     flex-wrap: wrap;     width: 100%;     gap:20px; } .cart_modal .cart_content_modal .payment_method_modal .boxes .box{     display: flex;     align-items: center;     max-width: 250px;     background-color: #ffffff;     border: 1px solid #f0efef;     border-radius: 4px;     padding: 10px;     width: 100%;     gap: 10px; } .cart_modal .cart_content_modal .payment_method_modal .boxes .box.active{     background-color: #f0f4f8;     border:1px solid #bbbbbc; } .cart_modal .cart_content_modal .payment_method_modal .boxes .box > img{     width: 50px;     height: 50px;     object-fit: cover;     object-position: center; } .cart_modal .cart_content_modal .payment_method_modal .boxes .box > span{     font-size: 16px;     line-height: 20px;     color: #707070; } .cart_modal .cart_content_modal .checkout_modal{     display: flex;     flex-direction: column;     width: 100%; } .cart_modal .cart_content_modal .checkout_modal > .title{     font-size: 24px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     margin-left: 20px;     text-align: left;     padding-bottom: 20px;     width: 100%; } .cart_modal .cart_content_modal .checkout_modal > .title::before{     content: '';     position: relative;     display: block;     width: 100%;     height: 1px;     top: 20px;     left: -20px;     background-color: #cccccc;     z-index: 1; } .cart_modal .cart_content_modal .checkout_modal > .title > span{     z-index: 2;     position: relative;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; } .cart_modal .cart_content_modal .checkout_modal .shopping_basket{     display: flex;     flex-direction: column;     width: 100%;     gap: 20px; } .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row{     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     gap: 40px;     width: 100%;     padding: 10px;     border-bottom: 1px solid #dddddd; } .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .product_detail{     display: flex;     flex-direction: column;     max-width: 250px;     width: 100%;     gap: 10px; } .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .item_number{     position: relative;     display: flex;     align-items: center;     max-width: 100px;     width: 100%; } .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .item_number .plus{     position: absolute;     font-size: 16px;     font-weight: bold;     width: 20px;     height: 100%;     right: 0;     top: 5px;     color: #707070;     cursor: pointer; } .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .item_number .minus{     position: absolute;     font-size: 16px;     font-weight: bold;     width: 20px;     height: 100%;     text-align: center;     top: 3px;     left: 0;     bottom: 6px;     color: #707070;     cursor: pointer; } .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .number_input{     width: 70px;     height: 24px;     text-align: center;     color: #707070;     border: 1px solid #ddd; } .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .price_single{     font-size: 20px;     font-weight: bold;     max-width: 165px;     width: 100%;     color: #707070; } .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .total_price{     font-size: 20px;     font-weight: bold;     max-width: 105px;     width: 100%;     color: #707070; } .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .remove_item{     -webkit-text-stroke: 1px #707070;     color: transparent;     font-size: 20px;     transition: all .3s ease-in-out;     cursor: pointer; } .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .remove_item:hover{     -webkit-text-stroke: revert;     color: #6d0139;     transition: all .3s ease-in-out; } .cart_modal .cart_content_modal .checkout_modal .basket_details .column-labels{     border-bottom: 1px solid #ddd;     padding-bottom: 10px;     display: flex;     justify-content: space-between;     text-align: center;     gap: 40px;     width: 100%; } .cart_modal .cart_content_modal .checkout_modal .basket_details .column-labels > label{     max-width: 150px;     width: 100%;     text-align: center; } .cart_modal .cart_content_modal .checkout_modal .basket_details .column-labels .product-quantity{     text-align: right;     max-width: 170px; } .cart_modal .cart_content_modal .checkout_modal .basket_details .column-labels .product-price{     max-width: 150px; } .cart_modal .cart_content_modal .checkout_modal .basket_details .column-labels .product-total-price{     max-width: 140px; } .cart_modal .cart_content_modal .checkout_modal .total_items{     display: flex;     flex-direction: column;     justify-content: flex-end;     align-items: flex-end;     align-self: flex-end;     flex-wrap: wrap;     max-width: 500px;     width: 100%;     font-size: 20px;     color: #707070;     padding-top: 20px; } .cart_modal .cart_content_modal .checkout_modal .total_items .sum_total, .cart_modal .cart_content_modal .checkout_modal .total_items .sum_product, .cart_modal .cart_content_modal .checkout_modal .total_items .sum_price{     display: flex;     justify-content: space-between;     border-bottom: 1px solid #cccccc;     align-items: center;     flex-wrap: wrap;     max-width: 500px;     padding: 10px;     width: 100%; } .cart_modal .cart_content_modal .checkout_modal .total_items .sum_total >span, .cart_modal .cart_content_modal .checkout_modal .total_items .sum_product>span, .cart_modal .cart_content_modal .checkout_modal .total_items .sum_price>span{     text-align: left;     max-width: 200px;     width: 100%; } .cart_modal .cart_content_modal .checkout_modal .total_items .sum_price{     border-top: 1px solid #dddddd;     border-bottom: revert; } .cart_modal .cart_content_modal .checkout_modal .total_items .checkout_btn{     border: none;     background-color: #009aa4;     color: #ffffff;     max-width: 300px;     font-size: 14px;     font-weight: bold;     width: 100%;     align-self: center;     padding: 10px;     border-radius: 30px;     cursor: pointer; } .cart_modal .cart_content_modal .checkout_modal .product_row .image_container {     display: flex;     align-items: center;     max-width: 300px;     width: 100%;     gap: 10px; }  .cart_modal .cart_content_modal .checkout_modal .product_row .image_container img {     max-width: 100px;     width: 100%;     height: auto;     object-fit: cover;     object-position: center; }  @media only screen and (max-width: 767px) {     .cart_modal .cart_content_modal .checkout_modal .basket_details .column-labels{         display: none;     }     .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .price_single::before{         content: 'Price: ';         font-size: 14px;     }     .cart_modal .cart_content_modal .checkout_modal .basket_details .product_row .total_price::before{         content: 'Subtotal: ';         font-size: 14px;     } }  /* ORDERS */ .order_history_modal{     display: flex;     justify-content: flex-start;     align-items: center;     flex-direction: column;     padding: 50px 20px;     background-color: #ffffff;     width: calc(100% - 60px);     border-radius: 10px;     left: 10px;     position: relative;     max-width: 1000px;     height: calc(100% - 120px);     overflow-y: auto;  } .order_history_modal > .title{     font-size: 24px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     left: 30px;     text-align: center;     padding-bottom: 20px;     width: calc(100% + 20px); } .order_history_modal > .title::before{     content: '';     position: relative;     display: block;     width: calc(100% - 20px);     height: 1px;     top: 20px;     left: -20px;     background-color: #9e9e9e;     z-index: 1; } .order_history_modal > .title > span{     z-index: 2;     position: relative;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; } .order_history_modal .column-labels{     border-bottom: 1px solid #ddd;     padding-bottom: 10px;     display: flex;     justify-content: space-between;     text-align: center;     color: #404040;     gap: 40px;     width: 100%; } .order_history_modal .column-labels > label{     max-width: 210px;     width: 100%;     text-align: center; } @media only screen and (max-width: 987px) {     .order_history_modal .column-labels > label:nth-last-child(1){        display: none;     } }  .order_history_modal .history_row{     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     font-size: 14px;     gap: 40px;     width: calc(100% - 20px);     padding: 20px 10px;     color: #707070;     border-bottom: 1px solid #dddddd; } .order_history_modal .history_row > div{     max-width: 150px;     width: 100%;     text-align: center; } .order_history_modal .history_row .detail_action{    color: #0000EE;     cursor: pointer; }  .order_history_modal .paginationContainer{     display: flex;     justify-content: center;     align-items: center;     width: 100%;     padding-top: 20px;     gap: 20px; } .order_history_modal .paginationContainer span{     position: relative;     font-size: 14px;     color: #909090;     cursor: pointer; } .order_history_modal .paginationContainer span i{     color: transparent;     -webkit-text-stroke: 1px #BDBDBD; } .order_history_modal .paginationContainer .prev:nth-child(2) {     transform: rotate(180deg) translateY(3px); } .order_history_modal .paginationContainer .prev:nth-child(1) {     transform: rotate(180deg) translateY(3px); } .order_history_modal .paginationContainer span:hover i{     -webkit-text-stroke: 1px #383737; } .order_history_modal .paginationContainer .deactive{     opacity: 20%; } .order_history_modal .paginationContainer .select{     opacity: 100%;     color: #383737;     background-color: #eee;     border-radius: 4px;     width: 24px;     height: 24px;     display: flex;     justify-content: center;     align-items: center;     font-size: 16px; } .order_history_modal .paginationContainer span:nth-last-child(1) i:nth-last-child(1){    position: absolute;    right: 5px; } .order_history_modal .paginationContainer span:nth-child(1) i:nth-child(1){     position: absolute;     left: 5px; }  @media only screen and (max-width: 800px) {     .order_history_modal .column-labels{         display: none;     }     .order_history_modal .history_row .id_number::before{         content: '#';         color: #707070;         font-size: 20px;     }     .order_history_modal .history_row .date_registered::before{         content: 'date: ';         color: #707070;     }     .order_history_modal .history_row .order_number::before{         content: 'No.order: ';         color: #707070;     }     .order_history_modal .history_row .last_status::before{         content: 'Status: ';         color: #707070;     } } @media only screen and (max-width: 450px){     .order_history_modal .history_row{        justify-content: center;     } }  /* ORDER DETAILS */ .order_detail_modal{     display: flex;     justify-content: flex-start;     align-items: center;     flex-direction: column;     padding: 50px 20px;     background-color: #ffffff;     width: calc(100% - 60px);     border-radius: 10px;     left: 10px;     position: relative;     max-width: 1000px;     height: calc(100% - 120px);     overflow-y: auto;  } .order_detail_modal > .title{     font-size: 28px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     margin-left: 20px;     text-align: left;     padding-bottom: 20px;     width: 100%; } .order_detail_modal .receiver_address{     background-color: #f5f5f5;     border: 1px solid #e0e0e0;     display: flex;     flex-direction: column;     padding: 20px;     width: calc(100% - 40px); } .order_detail_modal .receiver_address .address{     display: flex;     flex-direction: column;     width: 100%;     gap: 20px; } .order_detail_modal .receiver_address .address .title{     font-size: 24px;     line-height: 30px;     color: #707070; } .order_detail_modal .receiver_address .address .ship_method{     font-size: 14px;     line-height: 20px;     color: #707070; } .order_detail_modal .receiver_address .address .ship_method > span{     font-size: 16px;     line-height: 20px;     color: #404040; } .order_detail_modal .receiver_address .address .desc {     font-size: 16px;     line-height: 20px;     color: #404040; } .order_detail_modal .order_details{     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     width: 100%;     margin-top: 20px; }  .order_detail_modal .order_details > .title{     font-size: 24px;     line-height: 30px;     color: #14213a;     position: relative;     background-color: #ffffff;     left: 30px;     text-align: left;     padding-bottom: 20px;     width: calc(100% + 20px); } .order_detail_modal .order_details > .title::before{     content: '';     position: relative;     display: block;     width: calc(100% - 20px);     height: 1px;     top: 20px;     left: -20px;     background-color: #cccccc;     z-index: 1; } .order_detail_modal .order_details > .title > span{     z-index: 2;     position: relative;     padding-right: 10px;     padding-left: 10px;     background-color: #ffffff; } .order_detail_modal .order_details .details_container{     display: flex;     align-items: center;     border-bottom: 1px solid #707070;     padding-bottom: 10px;     gap: 50px;     width: 100%; } .order_detail_modal .order_details .details_container .details{     display: flex;     flex-direction: column; } .order_detail_modal .order_details .details_container .details .main_title{    font-size: 14px;     line-height: 25px;     color: #707070; } .order_detail_modal .order_details .details_container .details .detail{     font-size: 16px;     line-height: 25px;     color:#383737; } .order_detail_modal .product_details{     display: flex;     flex-direction: column;     width: 100%; }  .order_detail_modal .product_details .product_detail_row{     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     gap: 40px;     width: calc(100% - 20px);     padding: 10px;     border: 1px solid #cccccc; } .order_detail_modal .product_details .product_detail_row .image_container{     display: flex;     align-items: center;     max-width: 300px;     width: 100%;     gap: 10px; } .order_detail_modal .product_details .product_detail_row .image_container img{     max-width: 100px;     width: 100%;     height: auto;     object-fit: cover;     object-position: center; } .order_detail_modal .product_details .product_detail_row .image_container .product_detail{     display: flex;     flex-direction: column;     font-size: 20px;     gap: 10px; } .order_detail_modal .product_details .product_detail_row .quantity_no{     font-size: 20px;     font-weight: bold;     max-width: 100px;     width: 100%;     color: #707070; } .order_detail_modal .product_details .product_detail_row .date{     font-size: 14px;     line-height: 25px;     max-width: 200px;     width: 100%;     color: #707070; } .order_detail_modal .product_details .product_detail_row .price_single{     font-size: 20px;     font-weight: bold;     max-width: 100px;     width: 100%;     color: #d40d22; } .order_detail_modal .product_details .column-labels{     padding-bottom: 10px;     display: flex;     justify-content: space-between;     text-align: center;     padding-top: 20px;     color: #838282;     gap: 40px;     width: 100%; } .order_detail_modal .product_details .column-labels > label{     max-width: 120px;     width: 100%;     text-align: center; } .order_detail_modal .product_details .column-labels > label:nth-last-child(1){     display: none; } .order_detail_modal .product_details .column-labels > label:nth-last-child(2){     text-align: left; } .order_detail_modal .product_details .column-labels .quantity{     text-align: right;     max-width: 110px; } .order_detail_modal .product_details .column-labels .order_date{     max-width: 220px;     text-align: right; } .order_detail_modal .product_details .column-labels .product{     max-width: 220px; } .order_detail_modal .product_details .column-labels .price{     max-width: 140px; }  @media only screen and (max-width: 767px) {     .order_detail_modal .product_details .column-labels{         display: none;     }     .order_detail_modal .product_details .quantity_no::before{         content: 'Qty: ';         font-size: 14px;     }     .order_detail_modal .product_details .date::before{         content: 'date: ';         font-size: 14px;     }     .order_detail_modal .product_details .price_single::before{         content: 'Price: ';         font-size: 14px;     } } .order_detail_modal .order_details_container {     display: flex;     justify-content: space-between;     width: 100%;     padding-top: 20px; } .order_detail_modal .order_details_container .timeline {     display: block !important;     margin-left: 0;     padding-left: 0; } .order_detail_modal .order_details_container .timeline .timeline_texts_container{     border: 1px solid #707070;     padding: 10px;     width: calc(100% - 20px);     transform: translateY(20px); } .order_detail_modal .order_details_container .timeline .timeline-title{     font-size: 14px;     line-height: 20px;     margin: 0;     color: #707070; } .order_detail_modal .order_details_container .timeline .timeline-card {     display: flex;     justify-content: center;     align-items: center;     color: #436285 !important;     position: relative; } .order_detail_modal .order_details_container .timeline .timeline-card i{     position: absolute;     left: 12px;     font-size: 10px; }  .order_detail_modal .order_details_container .timeline .timeline li:before {     content: "";     width: 0.2rem;     height: 100%;     background-color: rgb(169 169 169);     position: absolute;     left: 16px; }  .order_detail_modal .order_details_container .timeline .timeline li:first-child:before {     top: 50%;     height: 50%; }  .order_detail_modal .order_details_container .timeline .timeline li:last-child:before {     bottom: 50%;     height: 50%; } .order_detail_modal .order_details_container .timeline .subcard {     padding: 0 1.5em 1.5em 2em;     background: #fdfdfd;     color: #707070;     font-size: 16px;     min-height: 3.3rem; } .order_detail_modal .order_details_container .total_price_details{     max-width: 500px;     width: 100%; } .order_detail_modal .order_details_container .total_items{     display: flex;     flex-direction: column;     justify-content: flex-end;     align-items: flex-end;     align-self: flex-end;     flex-wrap: wrap;     max-width: 500px;     width: 100%;     font-size: 20px;     color: #707070;     padding-top: 20px; } .order_detail_modal .order_details_container .total_items .sum_total, .order_detail_modal .order_details_container .total_items .sum_product, .order_detail_modal .order_details_container .total_items .sum_price{     display: flex;     justify-content: space-between;     border-bottom: 1px solid #9e9e9e;     align-items: center;     flex-wrap: wrap;     max-width: 500px;     padding: 10px;     width: 100%; } .order_detail_modal .order_details_container .total_items .sum_total > span, .order_detail_modal .order_details_container .total_items .sum_product > span, .order_detail_modal .order_details_container .total_items .sum_price > span{     text-align: left;     max-width: 200px;     width: 100%; } .order_detail_modal .order_details_container .total_items .sum_price{     border-top: 1px solid #707070;     border-bottom: revert;     background-color: #f5f5f5; } .order_detail_modal > .back{     display: flex;     justify-content: center;     width: 100%;     gap: 20px;     margin-top: 35px;     font-size: 18px;     color: #0000EE;     opacity: 50%;     cursor: pointer;     transition: all .3s ease-in-out; } .order_detail_modal > .back:hover{    opacity: 100%;     transition: all .3s ease-in-out; }  /* CART Loading */ .cart_modal .loaderContainer { 	background: linear-gradient(191deg, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.80) 90%); 	backdrop-filter: blur(2px); 	position: absolute; 	top: 0px; 	left: 0px; 	width: 100%; 	height: 100%; 	z-index: 100; 	border-radius: 2px; 	display: flex; 	justify-content: center; 	align-items: center; 	flex-direction: column;     font-size: 13px;     font-weight: bold;     letter-spacing: 1px;     color: #14213a90;     font-family: 'Courier New', Courier, monospace; } .cart_modal .loaderContainer .loader {     width: 80px;     height: 18px;     display: inline-block;     position: relative; }  .cart_modal .loaderContainer .loader::after, .cart_modal .loaderContainer .loader::before {     content: '';     box-sizing: border-box;     border-radius: 2px;     background: #009aa4a1;     position: absolute;     left: 0;     top: 0;     animation: animloader 1s linear infinite; }  .cart_modal .loaderContainer .loader::after {     animation-delay: 0.5s; } .cart_modal .loaderContainer span {     width: 75px;     text-align: left; }  @keyframes animloader {     0% {         opacity: 0;         width: 15px;         height: 4px;         margin-left: 0px;     }     25% {         opacity: 1;         width: 5px;     }     50% {         opacity: 1;         width: 20px;     }     75% {         opacity: 0;         width: 5px;     }     100% {         opacity: 0;         width: 15px;         height: 4px;         margin-left: 75px;     } }   /* NOTIFICATIONS */ .CSSHOP_NOTIF{     z-index: 100000;     position: fixed;     left: 20px;     top: 20px;     display: flex;     flex-direction: column;     justify-content: flex-start;     align-items: flex-start;     min-width: 320px; } .deleted_notify{     display: flex;     min-width: 320px;     padding: 5px;     width: calc(100% - 20px);     justify-content: space-between;     border-radius: 10px;     align-items: center;     transform: scale(.9);     background: linear-gradient(90deg, #de484b 0, #f5f5f5 100%);     gap: 10px; } .deleted_notify > i{     font-size: 20px;     color: transparent;     -webkit-text-stroke: 1px #ffffff;     background-color: #de484b;     border-radius: 10px;     padding: 10px; } .deleted_notify .notify_texts{     display: flex;     flex-direction: column;     flex: 1; } .deleted_notify .notify_texts .notify_title{     font-size: 16px;     color: #000000; } .deleted_notify .notify_texts .notify_desc{     font-size: 14px;     line-height: 20px;     color: #000000; } .deleted_notify .close_notify{     font-size: 50px;     font-weight: bold;     color: #707070;     opacity: 50%;     cursor: pointer;     transition: all .3s ease-in-out; } .deleted_notify .close_notify:hover{     opacity: 100%;     transition: all .3s ease-in-out; }  .success_notify{     display: flex;     min-width: 320px;     padding: 5px;     width: calc(100% - 20px);     justify-content: space-between;     border-radius: 10px;     align-items: center;     transform: scale(.9);     background: linear-gradient(90deg, #5cc9a8 0, #f5f5f5 100%);     gap: 10px; } .success_notify > i{     font-size: 20px;     background-color: #a4e1ce;     color: #6d023a;     border-radius: 10px;     padding: 10px; } .success_notify .notify_texts{     display: flex;     flex-direction: column;     flex: 1; } .success_notify .notify_texts .notify_title{     font-size: 16px;     color: #000000; } .success_notify .notify_texts .notify_desc{     font-size: 14px;     line-height: 20px;     color: #000000; } .success_notify .close_notify{     font-size: 50px;     font-weight: bold;     color: #707070;     opacity: 50%;     cursor: pointer;     transition: all .3s ease-in-out; } .success_notify .close_notify:hover{     opacity: 100%;     transition: all .3s ease-in-out; } .notify_notify{     display: flex;     min-width: 320px;     padding: 5px;     width: calc(100% - 20px);     justify-content: space-between;     border-radius: 10px;     align-items: center;     transform: scale(.9);     background: linear-gradient(90deg, #345885 0, #f5f5f5 100%);     gap: 10px; } .notify_notify > i{     font-size: 20px;     background-color: #345885;     color:transparent;     -webkit-text-stroke: 1px #ffffff;     border-radius: 10px;     padding: 10px; } .notify_notify .notify_texts{     display: flex;     flex-direction: column;     flex: 1; } .notify_notify .notify_texts .notify_title{     font-size: 16px;     color: #000000; } .notify_notify .notify_texts .notify_desc{     font-size: 14px;     line-height: 20px;     color: #000000; } .notify_notify .close_notify{     font-size: 50px;     font-weight: bold;     color: #707070;     opacity: 50%;     cursor: pointer;     transition: all .3s ease-in-out; } .notify_notify .close_notify:hover{     opacity: 100%;     transition: all .3s ease-in-out; } .danger_notify{     display: flex;     min-width: 320px;     padding: 5px;     width: calc(100% - 20px);     justify-content: space-between;     border-radius: 10px;     align-items: center;     transform: scale(.9);     background: linear-gradient(90deg, #e1a955 0, #f5f5f5 100%);     gap: 10px; } .danger_notify > i{     font-size: 20px;     background-color: #f8cca1;     color:transparent;     -webkit-text-stroke: 1px #6d023a;     border-radius: 10px;     padding: 10px; } .danger_notify .notify_texts{     display: flex;     flex-direction: column;     flex: 1; } .danger_notify .notify_texts .notify_title{     font-size: 16px;     color: #000000; } .danger_notify .notify_texts .notify_desc{     font-size: 14px;     line-height: 20px;     color: #000000; } .danger_notify .close_notify{     font-size: 50px;     font-weight: bold;     color: #707070;     opacity: 50%;     cursor: pointer;     transition: all .3s ease-in-out; } .danger_notify .close_notify:hover{     opacity: 100%;     transition: all .3s ease-in-out; }  /* PUBLIC CSS */ .CScloseBTN {     position: absolute;     right: 15px;     top: 10px;     font-size: 30px;     font-weight: bold;     color: #6d0139;     opacity: 50%;     cursor: pointer;     transition: all .3s ease-in-out; }  .CScloseBTN:hover {     opacity: 100%;     transition: all .3s ease-in-out; }  .CSMODAL_bg {     z-index: 10000;     backdrop-filter: blur(2px);     display: flex;     position: fixed;     width: 100%;     height: 100%;     justify-content: center;     align-items: center;     top: 0px;     left: 0px;     background-color: #00000020; }  .control {     display: block;     position: relative;     cursor: pointer;     font-size: 18px; }  .control input {     position: absolute;     z-index: -1;     opacity: 0; }  .control__indicator {     position: relative;     height: 16px;     width: 16px;     border: 2px solid #ddd;     background: #fff;     border-radius: 50%;     transition: all 0.3s; }  .control:hover input:not([disabled])~.control__indicator, .control input:focus~.control__indicator {     border-color: #002871; }  .control input:checked~.control__indicator {     background: #002871;     border-color: #002871; }  .control input:disabled~.control__indicator {     background: #e6e6e6;     border-color: #ccc;     opacity: 0.6;     pointer-events: none; }  .control__indicator:after {     content: '';     position: absolute;     display: none;     left: 50%;     top: 50%;     transform: translate(-50%, -50%);     width: 6px;     height: 6px;     border-radius: 50%;     background: #fff; }  .control input:checked~.control__indicator:after {     display: block; }